import React, {Component} from 'react';
import {View,StatusBar,SafeAreaView} from 'react-native';
import {commonStyle} from '../style'
import * as ScreenUtil from '../utils/ScreenUtil'

global.commonStyle = commonStyle
global.ScreenUtil = ScreenUtil;
type Props = {};

export default class BasePage extends Component<Props>{

    constructor(props) {
      super(props);
    
      this.BaseState = {};
    }

    render(){
        return (
            <SafeAreaView style={{flex:1,backgroundColor:'transparent'}}>
                {this.renderStatusBar()}
                {this.renderPage&&this.renderPage()}
            </SafeAreaView>
        );
    }


    renderStatusBar =() => {
        return (<StatusBar barStyle="dark-content" backgroundColor="white"/> )
    }
}